<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    const array = [
      {
        id: 1,
        pid: 0,
        child: [{ id: 2, pid: 1, child: [{ id: 3, pid: 2 }] }],
      },
      {
        id: 4,
        pid: 0,
        child: [{ id: 5, pid: 4, child: [{ id: 6, pid: 5 }] }],
      },
    ]
    const [
      { id, pid, child:
        [{ id: id1, pid: pid1, child:
          [{ id: id2, pid: pid2 }]
        }]
      }, { id: id3, pid: pid3, child:
        [{ id: id4, pid: pid4, child:
          [{ id: id5, pid: pid5 }]
        }]
      }
    ] = array
    console.log([
      { id, pid },
      { id: id1, pid: pid1 },
      { id: id2, pid: pid2 },
      { id: id3, pid: pid3 },
      { id: id4, pid: pid4 },
      { id: id5, pid: pid5 }
    ])
  </script>
</body>

</html>